#uploader .queueList {
	margin: 5px;
	border: 3px dashed #e6e6e6;
	overflow: hidden;
}

#uploader p {
	margin: 0
}
#uploader .show {
   text-align: center;
}
#uploader .modal-dialog {
   width: 100%;
}

#uploader .placeholder {
	min-height: 350px;
	padding: 120px 0;
	text-align: center;
	color: #ccc;
	font-size: 18px;
	position: relative
}



#dndArea {
	border:0;
	position: relative;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	vertical-align: top;
	width:100%;
}
#dndArea .fa-cloud-upload{
	font-size:60px;
	color: #aaa;
}
#dndArea input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}


#uploader .modal-dialog {
   width: 100%;
}
.show {
   text-align: center;
}

 
#preview .content-img-list {
   display: inline-block;
   padding: 0;
}

#preview .content-img-list-item {
   position: relative;
   display: inline-block;
   width: 120px;
   height: 120px;
   margin: 7px;
   border: 1px dashed #DEDEDE;
   border-radius: 4px;
   background-color: #fff;
   vertical-align: middle;
   line-height: 116px;
}

#preview .content-img-list-item .hide {
   display: none;
}

#preview .content-img-list-item div {
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   width: 100%;
   background: rgba(0, 0, 0, 0.4);
   height: 100%;
   line-height: 120px;
}

#preview .content-img-list-item .delete-btn,
#preview .content-img-list-item .big-btn {
   color: #fff;
   cursor: pointer;
   margin: 0 5px;
}

#preview .content-img-list-item .fa {
   font-size: 25px;
   color: #aaa;
}

#preview .content-img-list-item .fa:hover{
   font-size: 25px;
   color: #fff;
}

#preview .content-img-list-item img {
   width: 100%;
   height: 100%;
}

#imgPreview {
   width: 40%;
   height: 180px;
   margin: 10px auto 0px auto;
   border: 1px solid black;
   text-align: center;
}

#imgSpan {
   position: absolute;
   top: 60px;
   left: 40px;
}

.filepath {
   width: 100%;
   height: 100%;
   opacity: 0;
}
